
@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #121212;
    --bg-color-1: #232323;
    --bg-color-2: #343434;
    --text-color: #fff;
    --text-color-1: #f1f1f1;
    --text-color-2: #ccc;
  }
  body {
    color: #e3e3e3;
  }
  div {
    border-color: #353535;
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --bg-color: #fff;
    --bg-color-1: #f1f1f1;
    --bg-color-2: #ccc;
    --text-color: #000;
    --text-color-1: #333;
    --text-color-2: #666;
  }
  body {
    background-color: #F1F1F1;
    color: #333333;
  }
  div {
    border-color: #a1a1a1;
  }
}